// import { red } from "_ansi-colors@1.1.0@ansi-colors";
// 滑块验证标识
var flag0 = false;
// 同意条款标识
var flag1 = false;
// 同意订阅标识
var flag2 = false;
// 滑块验证部件的消失与显现
$(function () {
    $("#captcha").on("mouseenter", function () {
        $(".undefined").show()
        $(".block").show()
        $(".refreshIcon").show()
    }).on("mouseleave", function () {
        $(".undefined").hide()
        $(".block").hide()
        $(".refreshIcon").hide()
    })
})
//   滑块验证
$(function () {
    jigsaw.init({
        el: document.getElementById('captcha'),
        onSuccess: function () {
            $("#captcha").addClass("yzmtrue")
            flag0 = true;
            $(".radioBox").show();
            $(".submitBtn").show()

            $(".undefined").remove()
            $(".block").remove()
            $(".refreshIcon").remove()

            $(".slider").css({
                "position": "static",
            })
        },

    })

    // function cleanMsg() {
    //     // document.getElementById('msg').innerHTML = ''
    // }
})
//   选中条款
$(function () {
    $(".radio").on("click", function () {
        $(this).toggleClass("checked")

        if ($(".radio").eq(0).hasClass("checked")) {
            flag1 = true;
        } else {
            flag1 = false;
        }
        if ($(".radio").eq(1).hasClass("checked")) {
            flag2 = true;
        } else {
            flag2 = false;
        }
        // console.log(flag1, flag2)
    })

})
// 注册的表单提交
$(function () {
    //添加正则的规则
    $.validator.addMethod("checkUser", function (val, ele, flag) {
        return /^[a-z]\w{5,15}$/i.test(val);
    })
    $("form").validate({
        //规则
        rules: {
            uname: {
                required: true, //开启必填项
                checkUser: true, //开启自定义规则
                // remote:"http://127.0.0.1:8080/api/checkUser",//不会用
            },
            upwd: {
                required: true, //开启必填项
                rangelength: [6, 16]
            }
        },
        // 提示信息
        messages: {
            uname:{
                required: "用户名不能为空", //开启必填项
                checkUser: "用户名不合法",
                // remote:"该用户名已注册",//不会用
            },
            upwd:{
                required: "密码不能为空",
                rangelength: "密码的长度为{0}-{1}位"
            }
        },
    
        // 提交
        submitHandler: function () {
            //验证不通过
            if (!(flag1)) {
                //判断问题  提示信息
                layer.msg('您必须先同意条款才能注册', {
                    icon: 5,

                    time:666,
                  }); 
                return false;
            }
            //把数据发送到后台
           var params=$("form").serialize();
            $.ajax({
                url: "api/reg",
                type: "post",
                data: params,
            }).then(function (res) { 
                layer.msg('恭喜您,注册成功', {
                    icon:6,
                    time:500,
                  }); 
                layer.msg('恭喜您,注册成功,正在跳转到登录页面', {
                    icon: 16
                    ,shade: 0.01,
                    time:999,
                  },function(){
                    window.location="./login.html"
                  });   
            })
            return false;
        }
    })
})



   
